<!-- Circled icons -->
<div class="p+">
    <lx-icon lx-id="android" lx-size="xs" lx-color="grey" lx-type="circled"></lx-icon>
    <lx-icon lx-id="android" lx-size="s" lx-color="blue" lx-type="circled"></lx-icon>
    <lx-icon lx-id="android" lx-size="m" lx-color="green" lx-type="circled"></lx-icon>
    <lx-icon lx-id="android" lx-size="l" lx-color="red" lx-type="circled"></lx-icon>
    <lx-icon lx-id="android" lx-size="xl" lx-color="purple" lx-type="circled"></lx-icon>
</div>
 
<!-- Flat icons -->
<div class="p+ pt0">
    <lx-icon lx-id="android" lx-size="xs" lx-color="grey" lx-type="flat"></lx-icon>
    <lx-icon lx-id="android" lx-size="s" lx-color="blue" lx-type="flat"></lx-icon>
    <lx-icon lx-id="android" lx-size="m" lx-color="green" lx-type="flat"></lx-icon>
    <lx-icon lx-id="android" lx-size="l" lx-color="red" lx-type="flat"></lx-icon>
    <lx-icon lx-id="android" lx-size="xl" lx-color="purple" lx-type="flat"></lx-icon>
</div>